<template>
  <div class="box shadow-sm border rounded bg-white mb-3">
    <div class="box-title border-bottom p-3">
      <h6 class="m-0">热门话题</h6>
    </div>
    <div class="box-body p-3">
      <div class="d-flex align-items-center osahan-post-header mb-1 people-list">

        <div class="font-weight-bold mr-2">
          <div class="text-primary">1.这次疫情会持续多久？</div>
          <div class="small text-gray-500">@骄傲鬼
          </div>
        </div>
        <!-- <span class="ml-auto"><button type="button" class="btn btn-light btn-sm">Connent</button>
                  </span> -->
      </div>
      <div class="d-flex align-items-center osahan-post-header mb-1 people-list">
        <div class="font-weight-bold mr-2">
          <div class="text-primary">2.找个工作要多长时间？</div>
          <div class="small text-gray-500">@金曼森的爱情
          </div>
        </div>
      </div>
      <div class="d-flex align-items-center osahan-post-header mb-1 people-list">
        <div class="font-weight-bold mr-2">
          <div class="text-primary">3.你怎么看今年的就业情况</div>
          <div class="small text-gray-500">@我爱罗
          </div>
        </div>
      </div>
      <div class="d-flex align-items-center osahan-post-header mb-1 people-list">
        <div class="font-weight-bold mr-2">
          <div class="text-primary">4.四月花开了!</div>
          <div class="small text-gray-500">@福不惹
          </div>
        </div>
      </div>
      <div class="d-flex align-items-center osahan-post-header people-list">
        <div class="font-weight-bold mr-2">
          <div class="text-primary">5.胃病患病率高，你的了吗？</div>
          <div class="small text-gray-500">@李医生
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  components: {

  },
};
</script>

<style scoped lang="scss">

</style>
